<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>{titulo_pagina}</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="resources/bootstrap-3.1.1/css/bootstrap.min.css"/>
        <!-- Optional theme -->
        <link rel="stylesheet" href="resources/bootstrap-3.1.1/css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="resources/css/accordionmenu.css" type="text/css" />
        <link rel="stylesheet" href="resources/css/main-style.css" type="text/css" />

        <style type="text/css">body{background:url(resources/images/bg.png) repeat;width:960px;margin:0 auto}#wrapper-250{width:250px;margin:0 auto;}</style>
    </head>


    <body >
        <div class="wrapper">
            <div class="box">
                <div class="row row-offcanvas row-offcanvas-left">
                    <!-- sidebar -->
                    <div class="column col-sm-2 col-xs-1 sidebar-offcanvas" id="sidebar" style="padding: 12px;">
                        <!-- BUTTON RESPONSIVE, AND JQUERY OPEN MENÚ -->
                        <ul class="nav">
                            <li>
                                <a href="#" data-toggle="offcanvas" class="visible-xs text-center">
                                    <i class="glyphicon glyphicon-fullscreen"></i>
                                </a>
                            </li>
                        </ul>
                        <!-- Lista de Menús -->
                        <ul class="accordion nav hidden-xs" id="lg-menu">
                            {menu_left}
                        </ul>
                        <!-- FOOTER DEL MENÚ -->
                        <ul class="list-unstyled hidden-xs" id="sidebar-footer">
                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-thumbs-up"></i>
                                    ©Copyright FIT Coders
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- /sidebar -->

                    <!-- CABEZERA DE LA PÁGINA -->
                    <div class="column col-sm-10 col-xs-11" id="main">
                        <!-- RESPONSIVE MENÚ TOP -->
                        <div class="navbar navbar-blue navbar-static-top">  
                            <div class="navbar-header">
                                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>

                            </div>
                            <nav class="collapse navbar-collapse" role="navigation">
                                {menu_top}
                            </nav>
                        </div>

                        <!-- /top nav -->

                        <div class="padding">
                            <div class="full col-sm-9">

                                <!-- content -->                      
                                <div class="row">
                                    <div class="col-lg-12" style="background: white; padding-top: 20px;padding-bottom: 20px;" 
                                         id="main_content">
                                        {content_default}
                                    </div>
                                </div><!--/row-->

                                <hr />
                            </div><!-- /col-9 -->
                        </div><!-- /padding -->
                    </div>
                    <!-- /main -->

                </div>
            </div>
        </div>

        <script src="resources/jquery/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="resources/bootstrap-3.1.1/js/bootstrap.min.js" type="text/javascript"></script>


        <script type="text/javascript">
            $('#lg-menu').load(
                    'controller/navigation_controller.php',
                    {action: 'menu445Ddds5dGyPyd'},
            function(respuesta) {
                $('#lg-menu').html(respuesta);
            });
            $('#main_content').load(
                    'controller/navigation_controller.php',
                    {action: 'contentRyuiOpjJy65Grgj5A'},
            function(respuesta) {
                $('#main_content').html(respuesta);
            });
        </script>

    </body>

</html>
